//导入vue包
import Vue from 'vue'
 
//导入App.vue根组件
import App from './App.vue'

//引入axios
import axios from '@/lib/axios'

//导入路由模块
// import router from '@/router/index'
// 在导入模块时，如果只给了目录，那vue会默认导入目录下名为index.js的文件
import router from '@/router'

// 也写为: Vue.prototype.$http=axios
// 用时为: this.$http.post……
// axios.defaults.baseURL = '请求根路径' ，使用时直接'/……/……'
// 把axios挂在到vue的根节点下的缺点是：不利于vue的复用
Vue.prototype.axios=axios



//注册全局组件
import Count from '@/components/LRC/count.vue'
Vue.component('MyCount',Count)

//生产打包模式，true:开启，false:关闭
//写这句会在浏览器显示提示打包时请开启
//不写这句，默认为true
Vue.config.productionTip = false

//定义全局自定义指令
// Vue.directive('color_global',{
// 	bind(el,binding){
// 		el.style.color=binding.value
// 	},
// 	//update函数会在每次DOM更新时被调用
// 	update(el,binding){
// 		el.style.color=binding.value
// 	}
// })
//简写如下
Vue.directive('color_global',function(el,binding){
	el.style.color=binding.value
})

//创建Vue的实例对象
new Vue({
	
	//$mount和el的功能一样
	el: '#app',
	
	//挂载路由模块
	// router: router,
	router,
	
	//把render函数指定的组件，渲染到HTML页面中
	render: h => h(App),
})
// .$mount('#app')
